<template>
	<view>

		<view class="group_3" v-for="(item,index) in list" :key="index">
				<view class="flex align-start">
					<image :src="item.activity_img" class="image_4"></image>
					<text lines="1" class="margin-left text-group_9">{{item.activity_name}}</text>
				</view>
			<button class="cu-btn round anbutton bg-black"  @click="onClick(item.id)">
				我要报名
			</button>
		</view>



	</view>
</template>

<script>
	var app = getApp();
	export default {
		data() {
			return {
				list: [],
			}
		},
		onLoad() {
			app.post("ApiActivityPublish/activitylist", {
				pagenum: 1
			}, (res) => {
				console.log(res)
				this.list = res.data
			})
		},
		methods: {
			onClick(e) {
				uni.navigateTo({
					url:'/activity/operation/details?id='+e
				})
			}

		}
	}
</script>

<style>
	.group_3 {
		margin-left: 20rpx;
		background-color: rgba(255, 255, 255, 1.000000);
		border-radius: 30rpx;
		width: 710rpx;
		margin-top: 20rpx;
		flex-direction: row;
		display: flex;
		justify-content: space-between;
		padding: 20rpx 30rpx 20rpx 20rpx;
	}

	.image_4 {
		width: 216rpx;
		height: 156rpx;
	}

	.text-group_9 {
		overflow-wrap: break-word;
		color: rgba(24, 29, 24, 1);
		font-size: 36rpx;
		font-family: PingFangSC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 50rpx;
		margin-top: 10rpx;
	}

	.anbutton {
		background: #994278;
		background-color: #994278;
		color: white;
		margin-top: 90rpx;
	}
</style>